<template>
	<ul class="footer">
		<li><a href="/main" :style="{'color':routeNow == '/main' || routeNow == '/'?'#17ceab':'#222'}"><i class="xi-home" :style="{'color':routeNow == '/main' || routeNow == '/'?'#17ceab':'#222'}"></i>홈</a></li>
		<li><a href="/withdraw_apply" :style="{'color':routeNow == '/withdraw_apply'?'#17ceab':'#222'}"><i class="xi-money" :style="{'color':routeNow == '/withdraw_apply'?'#17ceab':'#222'}"></i>출금신청</a>
		</li>
		<li><a href="/interest" :style="{'color':routeNow == '/interest'?'#17ceab':'#222'}"><i class="xi-piggy-bank" :style="{'color':routeNow == '/interest'?'#17ceab':'#222'}"></i>데일리내역</a></li>
		<li><a href="/staking" :style="{'color':routeNow == '/staking'?'#17ceab':'#222'}"><img v-if="routeNow == '/staking'" src="../assets/img/icon/staking_icon2.png" alt=""><img v-else src="../assets/img/icon/staking_icon.png" alt="">상품 구매</a></li>
	</ul>
</template>
<script>
	export default {
		props: {
			routeNow: {
				type: String,
			}
		}
	};
</script>
<style scoped>
	.read-the-docs {
		color: #888;
	}
</style>